<template>
    <div class>
        <div class="input-item">
            <div class="lbl-box">
                <label for="txtMobile">手机号</label>
            </div>
            <div class="txt-box">
                <div class="val-box all">
                    <input
                        class="txt-input"
                        id="txtMobile"
                        name="mobile"
                        type="text"
                        placeholder="请输入手机号"
                        ref="mobile"
                        value
                        v-model="mobile"
                    >
                    <i class="icon iconfont icon-guanbi111 custom-Eicon" @click="keywordEmpty()"></i>
                </div>
            </div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "",
  data() {
    return {};
  },
  components: {},
  methods: {
    keywordEmpty() {
      this.$refs.mobile.value = "";
      this.$store.commit("updateMobile", '');
    }
  },
  computed: {
    mobile: {
      get() {
        return this.$store.state.loginform.mobile;
      },
      set(value) {
        this.$store.commit("updateMobile", value);
      }
    },
  }
};
</script>

<style scoped lang="css">
</style>
